<html>
<head>
  <title>Devcathlon: Achievements</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
.style5 {font-size: medium}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="teammockup2.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>


<!-- -------------- Page contents begins --------------- -->
<div class="wrapper">
<h2>Achievements</h2>
<p>
This Achievement page displays information on achievements that have been completed and not completed along with their progress.
</p>
<table border="1">
<tr>
		<th>Newly Achieved</th>
        <th>Description</th>
        <th>Achievement Points</th>
	</tr>
    <tr bgcolor="#FFFFFF">
      <td><img src="slacker.jpeg" width="50" height="50"><span class="style5">I am a slacker</span></td>
      <td><span class="style5">Havent commit in the last 24 hours since first one</span></td>
      <td><span class="style5">5</span></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td><img src="belt.jpeg" width="50" height="50"><span class="style5">My First Match Win</span></td>
      <td><span class="style5">First Match Ever Won</span></td>
      <td><span class="style5">10</span></td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td><img src="friends.jpeg" width="50" height="50"><span class="style5">I Got A Friend</span></td>
      <td><span class="style5">First Team Match Ever</span></td>
      <td><span class="style5">25</span></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td><img src="bff.jpeg" width="50" height="50"><span class="style5">Friends Forever</span></td>
      <td><span class="style5">15 Team Matches with the same Team</span></td>
      <td><span class="style5">50</span></td>
    </tr>
    <tr>
		<th>Unattained</th>
        <th>Description</th>
        <th>Achievement Points</th>
	</tr>
    <tr>
      <td><img src="commitment.jpg" alt="dsa"/>Commited To The Cause</td>
      <td valign="top">Commit 10 times in 24 hours.</td>
      <td>10</td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td><img src="covering_fire.jpg" alt="dsa"/>Covering Fire</td>
      <td valign="top">Prevent coverage from dropping for 7 commits over 7 days.</td>
      <td>10</td>
    </tr>
    <tr>
    	<td><img src="computer.jpg" alt="dsa"/>Computer-Programmer Complex</td>
        <td valign="top"><p>Prevent complexity from rising for 7 commits over 7 days.</p></td>
        <td>10</td>
	</tr>
    <tr bgcolor="#CCCCCC">
    	<td><img src="fix.jpg" alt="dsa"/>Building Inspector</td>
      <td><p>Fix 5 broken builds.</p>
        <img src="empty progress bar.png" alt="" width="277" height="28"></p></td>
      <td>10</td>
  </tr>
	<tr>
    	<td><img src="therapy-cat.jpg" alt="dsa"/>Therapy</td>
    	<td><p>Resolve 20 issues.</p>
   	    <img src="progress bar.png" width="277" height="28" align="bottom"></td>
    	<td>10</td>
	</tr>
</table>
</body>
</html>
